/*
 * Copyright (c) 2020 by Gerrit Grunwald
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.root {
    -fx-font-family: Lato;
    -fx-font-weight: lighter;
    -fx-font-style : normal;
}


.label {
    -fx-text-fill: white;
    -fx-font-size: 16px;
    -fx-effect   : dropshadow(two-pass-box, rgba(0, 0, 0, 0.65), 3, 0, 0, 0);
}


.overlay {
    -fx-background-color: rgba(0, 0, 0, 0.7);
}


.toggle-button {
    -fx-min-width        :  42px;
    -fx-min-height       :  42px;
    -fx-background-color : white, rgba(0, 0, 0, 0.7);
    -fx-background-insets: 0, 1;
    -fx-background-radius: 1024px;
    -fx-padding          : 10 8.4375 10 8.4375;
    -fx-text-fill        : -fx-text-base-color;
    -fx-alignment        : CENTER;
    -fx-content-display  : CENTER;
}
.toggle-button:hover {
    -fx-background-color: white, rgba(0, 0, 0, 0.9);
}
.toggle-button:armed {
    -fx-background-color: white, rgba(0, 0, 0, 0.9);
}
.toggle-button:focused {
    -fx-background-color : white, rgba(0, 0, 0, 0.7);
}
.toggle-button:disabled {
    -fx-opacity: 0.4;
}
.toggle-button:selected {
    -fx-background-color: white, rgba(0, 0, 0, 0.9);
}
.toggle-button:selected > .motif,
.toggle-button:selected > .camera {
    -fx-background-color: cyan;
}
.toggle-button:selected > .elevation {
    -fx-background-color: cyan;
}
.toggle-button:selected:focused {
    -fx-background-color : white, rgba(0, 0, 0, 0.7);
}


.camera {
    -fx-background-color: white;
    -fx-scale-shape     : true;
    -fx-shape           : "M20.492,16.22L20.492,9.711C20.492,8.369 21.581,7.28 22.923,7.28L49.077,7.28C50.419,7.28 51.508,8.369 51.508,9.711L51.508,16.22L61.76,16.22C65.756,16.22 69,19.464 69,23.46L69,57.479C69,61.476 65.756,64.72 61.76,64.72L10.24,64.72C6.244,64.72 3,61.476 3,57.479L3,23.46C3,19.464 6.244,16.22 10.24,16.22L20.492,16.22ZM35.918,19.089C47.498,19.089 56.9,28.506 56.9,40.105C56.9,51.704 47.498,61.12 35.918,61.12C24.337,61.12 14.935,51.704 14.935,40.105C14.935,28.506 24.337,19.089 35.918,19.089ZM35.918,25.146C44.161,25.146 50.853,31.849 50.853,40.105C50.853,48.361 44.161,55.064 35.918,55.064C27.675,55.064 20.982,48.361 20.982,40.105C20.982,31.849 27.675,25.146 35.918,25.146Z";
}


.motif {
    -fx-background-color: white;
    -fx-scale-shape     : true;
    -fx-shape           : "M0,45.067L53.459,45.054L34.03,0L23.771,26.465L17.633,12.135L0,45.067ZM23.91,34.407L17.332,19.052L5.01,42.066L48.899,42.055L34.178,7.919L23.91,34.407Z";
}


.elevation {
    -fx-background-color: rgba(255, 255, 255, 0.3);
    -fx-border-color: white;
    -fx-border-width: 0.5px;
    -fx-scale-shape     : true;
    -fx-shape           : "M25.187,26.224L32.173,16.079L45.36,7.487L53,17.634L53,44.965L1,45.002L1,33.253L10.08,22.567L18.701,29.583L25.187,26.224ZM50,18.637L50,41.967L4,42L4,34.355L10.464,26.748L18.333,33.152L27.232,28.543L34.308,18.269L44.65,11.53L50,18.637Z";
}


.combo-box {
    -fx-background-color : transparent;
    -fx-background-insets: 0;
    -fx-font-size        : 16;
}
.combo-box-base > .arrow-button {
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 1 1 0;
    -fx-padding          : 0.5em 0.667em 0.5em 0.833333em;
    -fx-background-color : transparent;
}
.combo-box-base > .arrow-button > .arrow {
    -fx-background-color : white;
    -fx-background-insets: 0;
    -fx-padding          : 0.333333em 0.666666em 0.333333em 0.666666em;
    -fx-shape            : "M 0 0 h 7 l -3.5 4 z";
}
.combo-box-base:showing > .arrow-button > .arrow {
    -fx-rotate: 180;
}


.list-view {
    -fx-background-color: rgba(0, 0, 0, 0.7);
}
.list-view .scroll-bar:horizontal .increment-arrow,
.list-view .scroll-bar:horizontal .decrement-arrow,
.list-view .scroll-bar:horizontal .increment-button,
.list-view .scroll-bar:horizontal .decrement-button {
    -fx-padding:0;
}


.list-cell:filled:selected:focused,
.list-cell:filled:selected {
    -fx-background-color: transparent;
    -fx-text-fill       : white;
}
.list-cell:even {
    -fx-cell-hover-color: transparent;
    -fx-background-color: transparent;
    -fx-text-fill       : gray;
}
.list-cell:odd {
    -fx-cell-hover-color: transparent;
    -fx-background-color: transparent;
    -fx-text-fill       : gray;
}
.list-cell:filled:hover {
    -fx-cell-hover-color: transparent;
    -fx-background-color: rgba(0, 255, 255, 0.3);
    -fx-text-fill       : white;
}


.radio-button {
    -datasource-active   : white;
    -fx-text-fill        : -datasource-active;
    -fx-background-insets: 0;
    -fx-label-padding    : 0 0 0 0.5em;
    -fx-alignment        : bottom-center;
    -fx-font-size        : 16;
}
.radio-button .label {
    -fx-alignment: bottom-center;
}
.radio-button:focused {
    -fx-background-insets: 0;
}
.radio-button:hover {
    -fx-background-insets: 0;
}
.radio-button:selected {
    -fx-background-insets: 0;
}
.radio-button > .radio {
    -fx-background-color : -datasource-active, rgba(0, 0, 0, 0.7);
    -fx-background-insets: -1, 0;
    -fx-background-radius: 1024, 1024;
}
.radio-button > .radio > .dot {
    -fx-background-color : transparent;
    -fx-background-insets: 0;
}
.radio-button:focused > .radio > .dot {
    -fx-mark-highlight-color: transparent;
    -fx-mark-color          : -datasource-active;
    -fx-background-insets   : 0;
}
.radio-button:hover > .radio > .dot {
    -fx-mark-highlight-color: transparent;
    -fx-mark-color          : -datasource-active;
    -fx-background-insets   : 0;
}
.radio-button:selected > .radio > .dot {
    -fx-mark-highlight-color: transparent;
    -fx-mark-color          : -datasource-active;
    -fx-background-color    : -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets   : 0;
}


.slider .track,
.slider:vertical .track {
    -fx-background-radius: 0.25em;
    -fx-background-insets: 2 0 2 0;
    -fx-background-color : rgba(255, 255, 255, 0.5);
}

.slider .axis {
    -fx-tick-label-fill  : rgba(255, 255, 255, 0.7);
    -fx-tick-length      : 5px;
    -fx-minor-tick-length: 3px;
    -fx-border-color     : null;
}
.slider .thumb {
    -fx-background-color : rgba(0, 200, 200, 1.0);
    -fx-background-insets: 0;
    -fx-background-radius: 2em;
    -fx-padding          : 0.583333em;
}
.slider .thumb:hover {
    -fx-color: cyan;
}
.slider:pressed .thumb, .slider:focused .thumb {
    -fx-background-color : cyan;
    -fx-background-insets: -3;
    -fx-background-radius: 2em;
}
